<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Visual Admin Dashboard - Home</title>
<meta name="description" content="">
<meta name="author" content="templatemo">
<!-- 
    Visual Admin Template
    https://templatemo.com/tm-455-visual-admin
    -->
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700'
	rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/templatemo-style.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>
	<!-- Left column -->
	<div class="templatemo-flex-row">
		<div class="templatemo-sidebar">

			<header class="templatemo-site-header">
				<div class="square"></div>
				<h1>Visual Admin</h1>
			</header>

			<div class="profile-photo-container">
				<img src="images/profile-photo.jpg" alt="Profile Photo"
					class="img-responsive">
				<div class="profile-photo-overlay"></div>
			</div>

			<!-- Search box -->
			<!--<form class="templatemo-search-form" role="search">
				<div class="input-group">
					<button type="submit" class="fa fa-search"></button>
					<input type="text" class="form-control" placeholder="Search"
						name="srch-term" id="srch-term">
				</div>
			</form>-->

			<div class="mobile-menu-icon">
				<i class="fa fa-bars"></i>
			</div>

			<nav class="templatemo-left-nav">
				<ul>
					<li><a href="index.html"><i class="fa fa-home fa-fw"></i>主页</a></li>
					<li><a href="Memorize_words.html"><i
							class="fa fa-bar-chart fa-fw"></i>背单词</a></li>
					<li><a href="Ranking.html"><i class="fa fa-database fa-fw"></i>排行榜</a></li>
					<li><a href="words.html"><i class="fa fa-map-marker fa-fw"></i>words</a></li>
					<li><a href="records.html"><i class="fa fa-users fa-fw"></i>单词记录</a></li>
					<li><a href="Test.html" class="active"><i
							class="fa fa fa-align-justify fa-fw"></i>单词复习</a></li>
					<li><a href="myinfo.html"><i class="fa fa-bar-chart fa-fw"></i>个人信息</a></li>
					<li><a href="setting.html"><i class="fa fa-sliders fa-fw"></i>设置</a></li>
					<li><a href="../login&regist.html"><i
							class="fa fa-eject fa-fw"></i>注销</a></li>
				</ul>
			</nav>

		</div>

		<div class="templatemo-content col-1 light-gray-bg"
			style="padding-top: 0.5em;">

			<div class="templatemo-content-container">
				<div class="templatemo-flex-row flex-content-row">

					<div class="templatemo-content col-1 light-gray-bg"
						style="padding-top: 2em; width: 90%;">
						<div class="panel-heading templatemo-position-relative">
							<h2 class="text-uppercase" style="font-size: 2em;">Tryout</h2>
						</div>
						<br /> <br />
						<div class="table-responsive">
							<table class="table table-striped table-bordered">


								<thead>
									<tr>
										<td style="font-size: 1.5em;">中文翻译</td>
										<td style="font-size: 1.5em;">英语单词</td>
									</tr>
								</thead>


								<tbody id = "words">
									
									



								</tbody>
							</table>
						</div>
						<div class="form-group text-right loc"
							style="vertical-align: middle">
							<br />
							<button type="submit" class="templatemo-blue-button"
								style="font-size: 1.6em; background-color: #008b96; width: 150px;" id="ck">CHECK</button>

						</div>
					</div>


				</div>


			</div>





		</div>
	</div>

	</div>
	</div>








</body>
<script src="js/jquery-1.11.2.min.js"></script>
<!-- jQuery -->
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<!--  jQuery Migrate Plugin -->
<!--  <script src="https://www.google.com/jsapi"></script>Google Chart -->
<script type="text/javascript" src="js/templatemo-script.js"></script>
<!-- Templatemo Script -->
<script src="js/jquery.cookie.js"></script>

<script>
	
	$.ajax({
		type:"get",
		url:"../gettestword",
		async:true,
		success : function(res){
			var allhtml="";
			words=JSON.parse(res);
 			for(var i=0;i<words.length;i++){
 				

 				allhtml+="<tr>\r\n" + 
				"	<td style=\"width: 50%;font-size: 1.5em;white-space: break-spaces; vertical-align: middle\">"+words[i]["mean_cn"]+"</td>\r\n" + 
				"	<td><input type=\"text\" style=\"width: 90%;\" ans=\""+words[i]["word"]+"\"></td>\r\n" + 
				"</tr>";
 				
 			}
 			$("#words").html(allhtml);		
		}
	});
	
	var wrong = 0;
	$("#ck").click(function(){
		for(var i = 0 ;i <$("#words").children("").length;i++){
			var	val=$($($("#words").children("")[i]).children("")[1]).children("").val();
			var ans=$($($("#words").children("")[i]).children("")[1]).children("").attr("ans");
			if(val!=ans){
				wrong ++;
			}
		}
		var score=(100-(wrong/$("#words").children("").length)*100);
		if(wrong==0){
			alert("恭喜你全对了！！！");
		}else{
			alert("本次答题，错误"+wrong+"个 共"+score+"分，继续努力！！！");
		}
		
		$.ajax({
			type:"post",
			url:"../updategrade",
			async:true,
			data:"score="+score
		});
		wrong=0;
		$.ajax({
		type:"get",
		url:"../gettestword",
		async:true,
		success : function(res){
			var allhtml="";
			words=JSON.parse(res);
 			for(var i=0;i<words.length;i++){
 				

 				allhtml+="<tr>\r\n" + 
				"	<td style=\"width: 50%;font-size: 1.5em;white-space: break-spaces; vertical-align: middle\">"+words[i]["mean_cn"]+"</td>\r\n" + 
				"	<td><input type=\"text\" style=\"width: 90%;\" ans=\""+words[i]["word"]+"\"></td>\r\n" + 
				"</tr>";
 				
 			}
 			$("#words").html(allhtml);		
		}
	});
		
	})
	
</script>

</html>
